<template>
  <div class="content">
    <div class="h-z">
      <!--            <img src="/src/assets/image/jz.png">-->
    </div>
    <slot name="content"></slot>
    <div class="f-z">
      <!--            <img src="/src/assets/image/jz.png">-->
    </div>
  </div>
</template>

<style lang="scss" scoped>
.content {
  background-color: $web-bg;
  padding: 0 $content-pading 40px $content-pading;
  .box {
    background-color: $box-bg;
    padding: 30px;
  }

  .h-z, .f-z {
    background: url("../assets/image/jz.png");
    height: 24px;
    width: 100%;
    background-size: cover;
  }

  .h-z,
  .f-z {
    img {
      height: 24px;
      width: 100%;
    }
  }
}
</style>